<script setup lang="ts">

import HomeListImg from "@/components/Home/HomeListImg.vue";
import HomeSortList from "@/components/Home/HomeSortList.vue";
import HomeProList from "@/components/Home/HomeProList.vue";
</script>

<template>
  <div id="HomePage">

    <HomeListImg/>

    <div class="online">
      <HomeSortList/>

      <HomeProList class="procard"/>
    </div>
  </div>
</template>

<style scoped>
.online{
  display: flex;
}
.procard{
  margin-top: 1rem;
}
</style>
